<template>
  <div class="stars-wrap">
    <span class="iconfont icon-smile"></span>
    <star :star-info="this.starInfo"></star>
  </div>
</template>

<script>
  import Star from 'components/ScrollWrapper/Sub/Star.vue';

  export default {
    name: 'DetailStars',
    props: ['starInfo'],
    components: {
      Star
    }
  }
</script>

<style lang="scss" scoped="scoped">
  @import '~styles/mixins.scss';
  @import '~styles/variables.scss';

  .stars-wrap {
    @include flex-row;
    width: 100%;
    height: $headerHeight;
    line-height: $headerHeight;
    padding-left: .16rem;
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;

    span {
      font-size: .14rem;
      color: #333333;
      margin-right: .16rem;
    }
  }
</style>
